/**
 * Created by mooshroom on 2014/11/25.
 */

var tab = function () {
    return{
        init: function () {
            tab.toWrite();//切换为专注书写模式
            tab.toRead();//切换为纯净阅读模式
            tab.toBoth();//切换为实时预览模式
            tab.autoHeight();//自适应高度
            tab.doubleScroll();//实时预览双滚动
        },
        toWrite: function () {
            $(".to-write").click(function () {  //按钮被点击
                $("#doc-show-tool").show();
                $("#nav-both").fadeOut();                                                  //#nav-both  class添加 hidden
                $(".doc-layout").removeClass("col-sm-6").addClass("col-sm-12");           //.doc-layout class变为col-sm-12
                $("#doc-show-layout").fadeOut();
                $("#doc-main-layout").fadeIn();
                $(".content").removeClass("container-fluid container").addClass("container");         //container-fluid 变为container
                $("#nav-write").fadeIn();                                                //#nav-write class 去除hidden
                $(".to-write").hide();                                               //书写模式按钮 添加hidden
                $(".to-read").show();                                                  //阅读模式按钮 去除hidden
                $(".to-both").show();                                                 //预览模式按钮 去除hidden
                //变形完成
                $("#doc-show").show();
                $("#read-only").hide();
                $("#read-only-tool").hide();
            });

        },
        toRead: function () {
            $(".to-read").click(function () {  //按钮被点击

                $("#nav-both").fadeOut();                                                  //#nav-both  class添加 hidden
                $("#nav-write").fadeOut();
                $(".doc-layout").removeClass("col-sm-6 col-sm-12").addClass("col-sm-12");           //.doc-layout class变为col-sm-12
                $("#doc-main-layout").fadeOut();
                $("#doc-show-layout").fadeIn();
                $("#doc-show").hide();
                $("#doc-show-tool").hide();
                $("#read-only").show();
                $("#read-only-tool").show();
                $(".content").removeClass("container-fluid container").addClass("container");         //container-fluid 变为container
                $("#nav-read").fadeIn();                                                //#nav-write class 去除hidden
                $(".to-write").show();                                               //书写模式按钮 添加hidden
                $(".to-read").hide();                                                  //阅读模式按钮 去除hidden
                $(".to-both").show();                                                 //预览模式按钮 去除hidden
                //变形完成

            });
        },
        toBoth: function () {
            $(".to-both").click(function () {  //按钮被点击
                $("#doc-show-tool").show();
                $("#read-only").hide();
                $("#read-only-tool").hide();
                $("#doc-show").show();
                $("#nav-read").fadeOut();                                                  //#nav-both  class添加 hidden
                $("#nav-write").fadeOut();
                $(".doc-layout").removeClass("col-sm-6 col-sm-12").addClass("col-sm-6");           //.doc-layout class变为col-sm-12
                $("#doc-main-layout").fadeIn();
                $("#doc-show-layout").fadeIn();                                         //#doc-show-layout class添加hidden
                $(".content").removeClass("container container-fluid").addClass("container-fluid");         //container-fluid 变为container
                $("#nav-both").fadeIn();                                                //#nav-write class 去除hidden

                $(".to-write").hide();                                               //书写模式按钮 添加hidden
                $(".to-read").hide();                                                  //阅读模式按钮 去除hidden
                $(".to-both").hide();                                                 //预览模式按钮 去除hidden

                $("#doc-main-tool").find(".to-write").show();
                $("#doc-show-tool").find(".to-read").show();
                //变形完成


            });
        },
        autoHeight: function () {
            var adaptHeight = function () {
                var x = $(window).height();
                $('.doc-layout').css('height', (x - 90) + 'px');
            };
            adaptHeight();
            $(window).resize(function () {
                adaptHeight();
            });

        },
        //2014年最吊代码：
        doubleScroll: function () {
            $(".live-sroll").hover(function () {
                $(this).on("scroll", function () {
                    //得到要跟随滚动的ID值
                    //元素获取
                    var thisId = $(this).attr('id');
                    var otherId = thisId == "doc-show" ? "doc-main" : "doc-show";
                    //参数获取
                    var sh1 = document.getElementById(thisId).scrollHeight;
                    var st1 = $("#" + thisId).scrollTop();
                    var sh2 = document.getElementById(otherId).scrollHeight;
                    var h1 = $("#" + thisId).height();
                    var h2 = $("#" + otherId).height();
                    //跟随滚动公式
                    // 实际运动高度
                    //var l1 = (sh1 - h1);
                    //var l2 = (sh2 - h2);
                    //文本运动高度之比与实际运动高度之比相等
                    var st2 = st1 / (sh1 - h1) * (sh2 - h2);
                    //动作执行
                    $("#" + otherId).scrollTop(st2);
                });
            }, function () {
                $(this).off("scroll");
            });


        }
    }
}();